import React from 'react';
import { List, WhiteSpace } from 'antd-mobile';

import './index.sass';

class CustomerInvoice extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <div className="customer-invoice-list-container">
        <Invoice />
        <WhiteSpace size="xs" />
        <Invoice />
      </div>
    );
  }
}

class Invoice extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <List className="customer-invoice-item global-list">
        <List.Item extra="20180627151110002688">
          <span className="gray">订单号</span>
        </List.Item>
        <List.Item extra="/">
          <span className="gray">发票是否已开（发票号）</span>
        </List.Item>
        <List.Item extra="未寄出">
          <span className="gray">发票是否寄出（快递号/查看电子发票）</span>
        </List.Item>
        <List.Item extra="纸质_专用发票">
          <span className="gray">发票类型</span>
        </List.Item>
        <List.Item extra="会员套餐订单">
          <span className="gray">订单类型</span>
        </List.Item>
        <List.Item extra="2018-06-27 15:11:10">
          <span className="gray">订单提交时间</span>
        </List.Item>
        <List.Item extra="2018-06-27 15:26:55">
          <span className="gray">到款日期</span>
        </List.Item>
      </List>
    );
  }
}

export default CustomerInvoice;
